<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../css/javajam.css" rel="stylesheet" type="text/css">
    <title>JavaJam Coffee House Music</title>
</head>
<body>
<div id="wrapper">
    <header>
        <h1>JavaJam Coffee House</h1>
    </header>
    <nav>
        <ul>
            <li><a href="../index.html">Home</a></li>
            <li><a href="Menu.html">Menu</a></li>
            <li><a href="Music.html">Music</a></li>
            <li><a href="Jobs.html">Jobs</a></li>
        </ul>
    </nav>
    <main>
        <h2>Music at JavaJam</h2>
        <p>The first Friday night each month at JavaJam is a special night. Join us from 8pm to 11pm for some music you won't want to miss!</p>
        <div class="news">
            <h3>January</h3>
            <a href="../javajamIMG/melanie.jpg" target="_blank"><img src="../javajamIMG/melaniethumb.jpg" width="80" height="80" alt="singer melanie"></a>
            <p >
                Melanie Morris entertains with her melodic folk style.<br/>
                CDs are now available.<br/>
                <audio controls="controls" src="../kit/melanie.mp3"></audio>
            </p>
            <h3>February</h3>
            <a href="../javajamIMG/greg.jpg" target="_blank"><img src="../javajamIMG/gregthumb.jpg" alt="singer greg" width="80" height="80"></a>
            <p>
                Tahoe Greg is back from his tour.<br/>
                New songs.<br/>
                New stories.<br/>
                CDs are now available.<br/>
                <audio controls="controls" src="../kit/greg.mp3"></audio>
            </p>
        </div>
    </main>
    <footer>
        <p>
            Copyright &copy; 2016 JavaJam Coffee House<br/>
            <a href="mailto:814275013@qq.com">E-mail:814275013@qq.com</a>
        </p>
    </footer>
</div>
</body>
</html>